Jassif Team Institution

এইচটিএমএল ইনপুট বৈশিষ্ট্য

এই অধ্যায়টি HTML <input> উপাদানের জন্য বিভিন্ন বৈশিষ্ট্য বর্ণনা করে।

মান বৈশিষ্ট্য

ইনপুট মান বৈশিষ্ট্য একটি ইনপুট ক্ষেত্রের জন্য প্রাথমিক মান নির্দিষ্ট করে:

উদাহরণ

প্রাথমিক (ডিফল্ট) মান সহ ইনপুট ক্ষেত্র:

<form>
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe">
</form>

শুধুমাত্র পাঠযোগ্য বৈশিষ্ট্য

ইনপুট পঠনযোগ্য বৈশিষ্ট্য নির্দিষ্ট করে যে একটি ইনপুট ক্ষেত্র শুধুমাত্র পঠনযোগ্য।

একটি শুধুমাত্র পঠনযোগ্য ইনপুট ক্ষেত্র পরিবর্তন করা যাবে না (তবে, একজন ব্যবহারকারী এটিতে লাফ দিতে পারেন, এটি হাইলাইট করতে পারেন এবং পাঠ্য অনুলিপি করতে পারেন)।

উদাহরণ

শুধুমাত্র পঠনযোগ্য ইনপুট ক্ষেত্র:

<form>
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John" readonly><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe">
</form>

অক্ষম বৈশিষ্ট্য

ইনপুট নিষ্ক্রিয় বৈশিষ্ট্য নির্দিষ্ট করে যে একটি ইনপুট ক্ষেত্র নিষ্ক্রিয় করা উচিত।

একটি নিষ্ক্রিয় ইনপুট ক্ষেত্র অব্যবহারযোগ্য এবং অ-ক্লিকযোগ্য।

উদাহরণ

নিষ্ক্রিয় ইনপুট ক্ষেত্র:

<form>
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John" disabled><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe">
</form>

আকার বৈশিষ্ট্য

ইনপুট আকার বৈশিষ্ট্য একটি ইনপুট ক্ষেত্রের দৃশ্যমান প্রস্থ, অক্ষরে, নির্দিষ্ট করে।

আকারের জন্য ডিফল্ট মান হল 20।

উদাহরণ

ইনপুট ক্ষেত্রের জন্য প্রস্থ সেট করুন:

<form>
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" size="50"><br>
  <label for="pin">PIN:</label><br>
  <input type="text" id="pin" name="pin" size="4">
</form>

সর্বোচ্চ দৈর্ঘ্যের বৈশিষ্ট্য

ইনপুট সর্বোচ্চ দৈর্ঘ্যের বৈশিষ্ট্য ইনপুট ক্ষেত্রে অনুমোদিত অক্ষরের সর্বাধিক সংখ্যা নির্দিষ্ট করে।

উদাহরণ

ইনপুট ক্ষেত্রের জন্য সর্বোচ্চ দৈর্ঘ্য সেট করুন:

<form>
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" size="50"><br>
  <label for="pin">PIN:</label><br>
  <input type="text" id="pin" name="pin" maxlength="4" size="4">
</form>

অন্যান্য গুরুত্বপূর্ণ বৈশিষ্ট্য

প্যাটার্ন বৈশিষ্ট্য

ইনপুট প্যাটার্ন অ্যাট্রিবিউট একটি রেগুলার এক্সপ্রেশন নির্দিষ্ট করে যার বিপরীতে ফর্ম জমা দেওয়ার সময় ইনপুট ক্ষেত্রের মান চেক করা উচিত।

প্যাটার্ন অ্যাট্রিবিউট নিম্নলিখিত ইনপুট প্রকারের সাথে কাজ করে: পাঠ্য, তারিখ, অনুসন্ধান, url, টেলিফোন, ইমেল এবং পাসওয়ার্ড।

উদাহরণ

একটি ইনপুট ক্ষেত্র যাতে শুধুমাত্র তিনটি অক্ষর থাকতে পারে (কোন সংখ্যা বা বিশেষ অক্ষর নেই):

<form>
  <label for="country_code">Country code:</label>
  <input type="text" id="country_code" name="country_code"
  pattern="[A-Za-z]{3}" title="Three letter country code">
</form>

প্রয়োজনীয় বৈশিষ্ট্য

ইনপুট প্রয়োজনীয় বৈশিষ্ট্য নির্দিষ্ট করে যে ফর্ম জমা দেওয়ার আগে একটি ইনপুট ক্ষেত্র অবশ্যই পূরণ করতে হবে।

প্রয়োজনীয় বৈশিষ্ট্য নিম্নলিখিত ইনপুট প্রকারের সাথে কাজ করে: পাঠ্য, অনুসন্ধান, ইউআরএল, টেলিফোন, ইমেল, পাসওয়ার্ড, তারিখ চয়নকারী, নম্বর, চেকবক্স, রেডিও এবং ফাইল৷

উদাহরণ

প্রয়োজনীয় ইনপুট ক্ষেত্র:

<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" required>
</form>

ইনপুট নিয়ন্ত্রণ নোট করুন

ইনপুট নিয়ন্ত্রণের তালিকা:

অনুশীলন করুন

এইচটিএমএল ফর্ম এবং ইনপুট উপাদান